import { ref } from "vue";
import axios from "axios";

const getPosts = () => {
  // 父组件通过子组件属性传值，绑定的属性可以看作是通信信号
  const posts = ref([]);

  // 在定义方法时，只需在方法前加async关键字就可以将该方法设置为异步方法
  // 通过const当以的名字必须唯一，且该名字不能指向另一个对象，但可以改变名字指向对象的值
  const loadData = async () => {
    let data = await axios.get("http://localhost:8888/posts");
    console.log("获取的数据:", data);
    posts.value = data.data;
  };

  loadData();
  return { posts, loadData };
};

export default getPosts;
